<template>
    <section class="section">
        <div class="info">密码错误，请重新输入。或可下载360借条APP，在“设置-账户安全管理-重置交易密码”修改</div>
       <div class="btns">
           <div class="btn1">取消</div>
            <div class="line"></div>
           <div class="btn2">确定</div>
       </div>
    </section>
</template>

<script>
  // keyword=#,##
export default {
  data(){
   return {
     password:'',
     visible:true
   }
  },
methods:{
  close(){
    this.visible=false
  }
}
}

</script>

<style type="text/css" lang="less" scoped>

.section{
    position: relative;
    width: 590px;
    background: #FFFFFF;
    border-radius: 16px;
    .info{
        padding: 48px;
        font-size: 30px;
        font-family: PingFangSC-Regular, PingFang SC;
        color: #888B9A;
        line-height: 48px;
    }
    .btns{
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        height: 112px;
        box-shadow: inset 0px 1px 0px 0px #E6E8EB;
        text-align: center;
        .btn1{
            flex: 1;
            font-size: 36px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #595C72;
        }
        .line{
            width: 2px;
            height: 112px;
            border-right: 1px solid #E6E8EB;
        }
        .btn2{
            flex: 1;
            font-size: 36px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: bold;
            color: #00B85C;
        }
    }
}
</style>
